<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href='https://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.min.css' rel='stylesheet'>

</head>
<body>

<form class="form-search" action="/getorders" method="post">
    订单编号     <input class="input-medium search-query" type="number" name="oid">
    订单来源     <div class="btn-group">
    <button class="btn" contenteditable="true">Action</button>
    <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
    <#--这是个下拉框-->
    <ul class="dropdown-menu" contenteditable="true">
        <li><a href="#">操作</a></li>
        <li><a href="#">设置栏目</a></li>
        <li><a href="#">更多设置</a></li>
        <li class="divider"></li>
        <li class="dropdown-submenu"> <a tabindex="-1" href="#">更多选项</a>
            <ul class="dropdown-menu">
                <li><a href="#">来源一</a></li>
                <li><a href="#">来源二</a></li>
                <li><a href="#">来源三</a></li>
            </ul>
        </li>
    </ul>
</div>
    订单时间     <input class="input-medium search-query" type="date" name="begin">
    <button type="submit" class="btn" contenteditable="true">查找</button>
</form>

<#--  配送选项卡  -->
<div class="tabbable" id="tabs-296">
    <ul class="nav nav-tabs">
        <li class="1"><a href="#panel-1 " data-toggle="tab" contenteditable="true">全部</a></li>
        <li class="2"><a href="#panel-2 " data-toggle="tab" contenteditable="true">未支付</a></li>
        <li class="3"><a href="#panel-3 " data-toggle="tab" contenteditable="true">待配送</a></li>
        <li class="6"><a href="#panel-4 " data-toggle="tab" contenteditable="true">待确认</a></li>
        <li class="4"><a href="#panel-5 " data-toggle="tab" contenteditable="true">已完成</a></li>
        <li class="5"><a href="#panel-6 " data-toggle="tab" contenteditable="true">已取消</a></li>
    </ul>


    <div class="tab-content">
        <div class="tab-pane" id="panel-1 " contenteditable="true">
           <p>quanbu</p>
        </div>
        <div class="tab-pane " id="panel-2 " contenteditable="true">
            <p>未支付.</p>
        </div>
        <div class="tab-pane" id="panel-3 " contenteditable="true">
            <p>待配送.</p>
        </div>
        <div class="tab-pane" id="panel-4 " contenteditable="true">
            <p>待确认.</p>
        </div>
        <div class="tab-pane" id="panel-5 " contenteditable="true">
            <p>已完成.</p>
        </div>
        <div class="tab-pane" id="panel-6 " contenteditable="true">
            <p>已取消.</p>
        </div>
    </div>
</div>


<table class="table" contenteditable="true">
    <thead>
    <tr>
        <td>序号</td>
        <td>订单名</td>
        <td>单价</td>
        <td>数量</td>
        <td>下单时间</td>
        <td>付款时间</td>
        <td>订单状态</td>
        <td>操作</td>
    </tr>
    </thead>
    <tbody>
        <#list orders as order>
        <tr class="success">
            <td>${order.oid}</td>
            <td>${order.oname}</td>
            <td>${order.price}</td>
            <td>${order.onum}</td>
            <td>${order.begintime}</td>
            <td>${order.overtime}</td>
            <td>${order.status}</td>
            <td>各种操作</td>
        </tr>
        </#list>
    </tbody>
</table>



<#--上面是配送卡 慢慢做 实在不行不做-->

<#--<table>-->

    <#--<tr>-->
        <#--<td>序号</td>-->
        <#--<td>订单名</td>-->
        <#--<td>单价</td>-->
        <#--<td>数量</td>-->
    <#--</tr>-->
    <#--<#list orders as order>-->
    <#--<tr>-->
        <#--<td>${order.oid}</td>-->
        <#--<td>${order.oname}</td>-->
        <#--<td>${order.price}</td>-->
        <#--<td>${order.onum}</td>-->
    <#--</tr>-->
    <#--</#list>-->

<#--</table>-->
<ul class="pagination">
    <li>
        <a href=" ">首页</a>
    </li>
    <li>
                            <#if page.hasPreviousPage>
                                <a href="/getorders?pageNum=${page.prePage}">上一页</a>
                            <#else>
                                <a href="#">上一页</a>
                            </#if>
    </li>
                        <#list 1..page.pages as p>
                            <#if p==page.pageNum >
                                    <li class="active">
                                        <a href="?pageNum=${p}">${p}</a>
                                    </li>
                            <#else>
                                    <li>
                                        <a href="?pageNum=${p}">${p}</a>
                                    </li>
                            </#if>
                        </#list>
    <li>
                            <#if page.hasNextPage>
                                <a href="?pageNum=${page.nextPage}">下一页</a>
                            <#else><a href="#">下一页</a></#if>
    </li>


    <li>
        <a href="?pageNum=${page.pages}">最后页</a>
    </li>
</ul>
</body>
</html>